﻿$("div[id*='listbox']").hover(function () {
    $(this).animate({ "margin-top": "-10px" }, 200)
},
    function () {
        $(this).animate({ "margin-top": "0px" }, 200)
    }
);
var tmp = $("div[id*='listbox']").eq(0).children("img").attr("src");
$("div[id*='listbox']").click(function () {
    if (parseInt($(this).css("z-index")) <= 2) {
        var b = parseInt($(this).css("z-index"));
        var a = 3 - b;
        $(document).everyTime(300, function () {
            $("div[id*='listbox']").each(function () {
                if (parseInt($(this).css("z-index")) == 3) {
                    $(this).css("z-index", "1")
                } else {
                    $(this).css("z-index", "" + (parseInt($(this).css("z-index")) + 1) + "")
                }
                $(this).css("margin-top", "0px");
                $(this).animate({ "margin-left": ((3 - parseInt($(this).css("z-index"))) * 50) + "px" }, 300)
            })
        }, a)
    }
}
);
setInterval(function () {
    $("div[id*='listbox']").each(function () {
        if (parseInt($(this).css("z-index")) == 3) {
            $(this).css("z-index", "1")
        } else {
            $(this).css("z-index", "" + (parseInt($(this).css("z-index")) + 1) + "")
        }
        $(this).animate({ "margin-left": ((3 - parseInt($(this).css("z-index"))) * 50) + "px" }, 300)
    }
    )
}, 5000);